<link type="text/css" rel="stylesheet" href="../business/common/css/index-allocation.css">
<div class="index-cfg-content">
    <div class="index-cfg-top">
        <div class="index-Select">
            <span>类型：</span>
            <select id="indexSelect" style="width: 110px;">
                <option value="RAT">短时强降水</option>
                <option value="SMG">雷暴大风</option>
            </select>
        </div>
        <div class="index-Select">
            <span>模式：</span>
            <select id="modeSelect" style="width: 110px;">
                <option value="ECNC">EC</option>
                <option value="CMA-GFS">CMA-GFS</option>
                <option value="TJWRFNC">TJWRF</option>
            </select>
        </div>
        <div class="index-cfg-btn" id="saveBtn">保存</div>
        <!--<div class="index-cfg-btn" id="refreshBtn">刷新</div>-->
    </div>
    <p class="explain">说明:>的意思指实际计算的指标大于当月对应指标阈值;<的意思是指实际计算的指标小于当月对应指标阈值</p> <div class="index-cfg-table">
    <div class="tableContain" style="width: 100%;">
        <table></table>
    </div>
</div>
</div>
<style>
    .tableContain table{
        text-align: center;
        width: calc(100% - 10px);

    }
    .tableContain tr{
        line-height: 30px;
        border-top: 1px solid #7CADE8;
        border-left:1px solid #7CADE8;
    }
    .tableContain tr td{
        cursor:pointer;
        width: 100px;
        position:relative;
        border-right:1px solid #7CADE8;
    }
    .tableContain tr td input{
        text-align: center;
        width: 100%;
        display: inline-block;
        background: transparent;
        border: none;
    }
    .tableContain tr td input:focus{
        border:1px solid #D2E6FE;

    }
    .tableContain tr:last-child{
        border-bottom: 1px solid #7CADE8;
    }
    .tableContain tr.head{
        color:#0055AC;
        background:#D2E6FE;
    }

    .tableContain tr td .addOper{
        font-size: 20px;
        background: #D2E6FE;
        width: 25px;
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
        border-left:1px solid #7CADE8;
        display:none;
    }
    .tableContain tr td .miunOper{
        font-size: 20px;
        background: #D2E6FE;
        width: 25px;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        border-right:1px solid #7CADE8;
        display:none;
    }
    .tableContain tr td:hover .addOper,
    .tableContain tr td:hover .miunOper{
        display: inline-block;
    }
    input[type='number']::-webkit-inner-spin-button{
        -webkit-appearance: none;
    }
</style>
<script type="text/javascript" src="../business/common/wlltjyz_index-allocation.js"></script>